<div ng-controller="ZhaopinController" class="main">
    <div class="nav">
        <div class="nav-titles">
            <div class="nav-right">
                <a href="">登录</a>
            </div>
        </div>
    </div>
    <div class="zhaopin-conent">
        <h2 class="zhaopin-biaoti">{{ti}}</h2>
        <ul class="zhaopin-ul">
            <li class="zhaopin-zhiwei" onclick="toujianli()" ng-repeat="arr in data">
                <img src="{{arr.img}}">
                <p>坐标：{{arr.weizhi}}</p>
                <p>{{arr.zhiwei}}</p>
                <div>
                    <img src="http://s4.xiaohongshu.com/static/img/v2/web/detail/join/header.png?s=1471971752">
                    <span>薯队长</span>
                    <span>查看详情>></span>
                </div>
            </li>
        </ul>
        <p class="zhaopin-footer">我们在小红书等你<a href="">career@xiaohongshu.com</a> </p>
        <p class="zhaopin-footer">我们也欢迎优秀的应届毕业生加入噢~</p>
    </div>
    <!--弹出的盒子-->
    <div class="jianli" style="display: none;">
    	<div class="jianli-header">
    		<img src="http://s4.xiaohongshu.com/static/fls/img/shop_web/home/prop/pop_close.jpg"/>
    	</div>
    	<div class="jianli-body">
    		<h2>WMS产品经理</h2>
    		<p>[酷][酷][酷]希望你愿意帮助我们：<br>
    		1.负责跨境电商仓储系统产品的规划和设计；<br>
    		2.研究和管理来自仓储和物流运营部门的产品需求，完成需求调研和分析，制作原型和PRD；<br>
    		4.负责本产品线日常运营问题，提供相应技术支持，协调资源解决系统运营过程中的各类问题，针对日常运营问题，提出完善本产品线的方案并实施；<br>
    		5.与其他产品线、技术团队合作，在产品和技术上对仓储业务的需求满足率和异常订单率负责；<br>6.主动观察电子商务仓储物流的最新趋势，对系统功能提出改善计画并执行。<br>
    		[害羞][害羞][害羞]我们一直在寻找这样的你：<br>
    		1.本科及以上学历，计算机、电子商务、物流工程相关专业；<br>
    		2.3年以上仓储或物流软件产品的规划、分析、设计、实施工作经验；<br>
    		3.熟悉仓库作业流程，优秀的产品规划和设计能力；<br>4.有良好的项目管理能力和自我管理能力，有良好的团队协作意识；<br>
    		5.有强烈的责任心和执行力，良好的逻辑思考能力、沟通表达能力和协调能力，较强的分析问题和解决问题的能力；<br>
    		6.有技术研发经历，或者知名电子商务公司背景更佳。<br>[口水][口水][口水]赶快动手用简历砸晕我吧：shuguanjia@xiaohongshu.com<br>打开网站www.xiaohongshu.com/join 查看更多公司福利和介绍哟~
    		</p>
    	</div>
    	<div class="jianli-foot">
    		<a href="mailto:career@xiaohongshu.com?subject=WMS产品经理">
    			<img src="//s4.xiaohongshu.com/static/img/v2/web/detail/join/join-us-bt.png?s=1471971752"/>
    		</a>
    		<p>点击“投递简历”，<span>邮件主题</span>已默认设置为“<span>职位名称</span>”，请不要修改噢<br>
                                如果你稍后再投递简历，请务必把<span>邮件主题</span>设置为完整的“<span>职位名称</span>”</p>
    	</div>
    </div>
    
    <div class="download">
        <h1>立即下载小红书</h1>
        <a href="http://www.xiaohongshu.com/redirect/app_hk" class="download-cont">
            <img src="http://s4.xiaohongshu.com/static/img/v2/web/common/apple2.png?s=1471971752" alt="" />
            <span>iOS</span>
        </a>
        <a href="http://o3.xiaohongshu.com/d/xhs_v2.7.0.apk" class="download-cont">
            <img src="http://s4.xiaohongshu.com/static/img/v2/web/common/android2.png?s=1471971752" alt="" />
            <span>Android</span>
        </a>
        <a href="" class="download-cont">
            <img src="http://s4.xiaohongshu.com/static/img/v2/web/common/qr-code-2016.jpg?s=1471971752" alt="" />
        </a>
    </div>
</div>


<script type="text/javascript">
	//点击弹出投递简历页面
    var $jianli=$(".jianli");
    console.log($(".zhaopin-zhiwei"))
    var $yinying=$( '<div id="yinying" style="position:fixed;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 108;display: block;"></div>');
	function toujianli(){
		$jianli.css("display","block");
    	$yinying.appendTo("body").click(function(){
    		$jianli.css("display","none");
    		$(this).remove()
    	});
	}
    //点击X关闭
        $(".jianli-header img").on("click",function(){//获取左上角的盒子，绑定事件
        	$jianli.css("display","none");
    		$yinying.remove();
        })
</script>